$(document).ready(function(){   
       
var options = {
    chart: {
        renderTo: 'container1',
        defaultSeriesType: 'bar'
    },
    title: {
        text: 'Ocupación Individual'
    },
    xAxis: {
        categories: []
                
    },
    yAxis: {
        title: {
            text: 'Avance'
        }
    },
    series: []
};


//$.get('/xmlc2/SeguimientoGraficaServlet', function(data) {
//   // Split the lines
//   var lines = data.split('\n');
//
//   // Iterate over the lines and add categories or series
//   $.each(lines, function(lineNo, line) {
//       var items = line.split(',');
//
//       // header line containes categories
//       if (lineNo == 0) {
//           $.each(items, function(itemNo, item) {
//               if (itemNo > 0) options.xAxis.categories.push(item);
//           });
//       }
//
//       // the rest of the lines contain data with their name in the first 
//       // position
//       else {
//           var series = {
//               data: []
//           };
//           $.each(items, function(itemNo, item) {
//               if (itemNo == 0) {
//                   series.name = item;
//               } else {
//                   series.data.push(parseFloat(item));
//               }
//           });
//
//           options.series.push(series);
//
//       }
//
//   });
//
//   // Create the chart
//   var chart = new Highcharts.Chart(options);
//});
//       




    inicializarFechasSeguimiento();
    combo("/xmlc2/CombosServlet","Responsable",0,"usuario");
    $("#usuario").change(traerOcupacion);
    $("#fa").change(traerGrafica)
});

function traerGrafica(){
    var options1 = {
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'column'
    },
    title: {
        text: 'Avance Requerimientos'
    },
    xAxis: {
        categories: []
    },
    yAxis: {
        title: {
            text: 'Avance'
        }
    },
    series: []
};


     $.get('/xmlc2/AvanceGraficaServlet?fecha_avance='+$("#fa").val(), function(data) {
        // Split the lines
        var lines = data.split('\n');

        // Iterate over the lines and add categories or series
        $.each(lines, function(lineNo, line) {
            var items = line.split(',');

            // header line containes categories
            if (lineNo == 0) {
                $.each(items, function(itemNo, item) {
                    if (itemNo > 0) options1.xAxis.categories.push(item);
                });
            }

            // the rest of the lines contain data with their name in the first 
            // position
            else {
                var series = {
                    data: []
                };
                $.each(items, function(itemNo, item) {
                    if (itemNo == 0) {
                        series.name = item;
                    } else {
                        series.data.push(parseFloat(item));
                    }
                });

                options1.series.push(series);

            }

        });

        // Create the chart
        var chart = new Highcharts.Chart(options1);
    });
       
}


function traerOcupacion(){

    var usuario = $("#usuario").val();
    var f1 = $("#f1").val();
    var f2 = $("#f2").val();

        $.ajax({
            url: "/xmlc2/OcupacionServlet",
            dataType: 'text',
            data: {usuario:usuario,f1:f1,f2:f2},
            async: false,
            success: function(html){                                    
                $("#ocupacion").html(html);
            }
        });
    
}

function inicializarFechasSeguimiento(){
    $("#f1").datepicker({ dateFormat: "yy-mm-dd" });
    $("#f2").datepicker({ dateFormat: "yy-mm-dd" });
    $("#fa").datepicker({ dateFormat: "yy-mm-dd" });
}

function combo(url,tabla,tipo,objeto){
        $.ajax({
        url: url,
        dataType: 'text',
        data: {tabla:tabla,tipo:tipo},
        async: false,
        success: function(msg){            
            $("#"+objeto).html(msg);
        }
    });
}